<template>
  <div class="box">
    <el-breadcrumb>
      <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
      <el-breadcrumb-item>活动列表</el-breadcrumb-item>
      <el-breadcrumb-item>活动详情</el-breadcrumb-item>
    </el-breadcrumb>

    <el-card style="margin-top: 20px">
      <template>
        <el-table :data="tableData" border style="width: 100%">
          <el-table-column type="index" label="#" width="50"> </el-table-column>
          <el-table-column prop="authName" label="权限名称"> </el-table-column>
          <el-table-column prop="path" label="路径"> </el-table-column>
          <el-table-column prop="level" label="权限等级">
            <template slot-scope="scope">
              <el-tag v-show="scope.row.level == 0">标签一</el-tag>
              <el-tag type="success" v-show="scope.row.level == 1"
                >标签二</el-tag
              >
              <el-tag type="warning" v-show="scope.row.level == 2"
                >标签三</el-tag
              >
            </template>
          </el-table-column>
        </el-table>
      </template>
    </el-card>
  </div>
</template>

<script>
import { sights, orders } from '@/api/login.js'
export default {
  data() {
    return {
      tableData: [],
    }
  },
  mounted() {
    this.setRights()
  },
  methods: {
    setRights() {
      sights().then((res) => {
        // console.log('asdas', res)
        this.tableData = res.data.data
      })
    },
  },
  computed: {},
  watch: {},
}
</script>

<style scoped lang="scss">
.box {
  padding: 20px;
  background: #eaedf1;
  height: 690px;
}
</style>
